// 牌堆，色子动画

cc.Class({	
    extends: cc.Component,
	
    properties: {
        m_skill : [cc.Node],            // 0 - 牌堆整理动画   1 - 牌堆  2 - 开始按钮    3 - 色子动画
        m_skillSZ : [cc.Sprite],        // 单个色子点数
        m_shaiZi : cc.SpriteAtlas,      // 色子的图集
        m_fangXiang : cc.Node,          // 东南西北父节点
        m_fangLiang : [cc.Node],        // 东南西北4个亮的的图片对应-0-1-2-3
   },
	
    start () {},
	
    // 色子动画执行完的回调
    onShaiZu : function(){
        // 色子动画隐藏
        this.m_skill[3].active = false;
        // 牌堆显示
        this.m_skill[1].active = true;
        // 动画不显示
        this.m_skill[0].active = false;
	
        // 第一课色子显示	
        this.m_skillSZ[0].node.active = true;	
        var frame = this.m_shaiZi.getSpriteFrame('sz3');	
        this.m_skillSZ[0].spriteFrame = frame;

        var frame = this.m_shaiZi.getSpriteFrame('sz5');
        this.m_skillSZ[1].spriteFrame = frame;
	
        // 第二课色子显示
        this.m_skillSZ[1].node.active = true;
	
        // 色子各1秒后消失	
        let action1 = cc.delayTime(1);	
        let action2 = cc.callFunc(() => {	
            // 第一课色子隐藏	
            this.m_skillSZ[0].node.active = false;	
            // 第二课色子隐藏	
            this.m_skillSZ[1].node.active = false;	
        }, this);	
        this.node.runAction(cc.repeat(cc.sequence(action1, action2), 1));	
    },

    // 牌堆动画执行完的回调	
    onXiPai : function(){	
        // 色子动画显示	
        this.m_skill[3].active = true;	
        var animation = this.m_skill[3].getComponent(cc.Animation);	
        animation.play();	
        animation.on('finished', this.onShaiZu, this);	
    },
 	
    // 开始游戏按钮
    onStartButton : function(){
        this.m_skill[2].active = false;	
        // 牌堆动画
        this.m_skill[1].active = false;
        this.m_skill[0].active = true;
        var animation = this.m_skill[0].getComponent(cc.Animation);
        animation.play();	
        animation.on('finished', this.onXiPai, this);
    },
 	
    // // 东南西北4个方向的显示
    // this.m_num = 0;
    // let action1 = cc.delayTime(1);
    // let action2 = cc.callFunc(() => {
    //     this.onShowFangXiang(this.m_num);
    //     this.m_num += 1;
    //     if(this.m_num >= 4)
    //     {
    //         this.m_num = 0;
    //     }
    // }, this);
    // // 执行34次
    // this.node.runAction(cc.repeat(cc.sequence(action1, action2), 34));
    // 东南西北4个方向的显示
    // showNum          座位号
    onShowFangXiang : function(showNum){
        this.m_fangXiang.active = true;
        for(var num = 0; num < this.m_fangLiang.length; ++num)
        {
            this.m_fangLiang[num].active = false;
        }

        this.m_fangLiang[showNum].active = true;
    },
});
 